import React, { useEffect, useState, useRef } from 'react';
import styles from './index.less';
import { Button, Select, InputNumber, Space } from 'antd';
import Chart3 from './chart3';
import Chart2 from './chart2';

export default function ChartPart({ toggleVisibleBuilding }) {
  return (
    <>
      <div className="side-panel2" style={{ position: 'absolute', top: 144, left: 24, zIndex: 10 }}>
        <div className="side-panel2-title">征拆情况</div>
        <div className="side-panel2-body">
          <Chart3 toggleVisibleBuilding={toggleVisibleBuilding} />
          <p
            style={{
              fontSize: '18px',
              paddingLeft: 16,
              marginBottom: 8,
            }}
          >
            征拆用户统计
          </p>
          <Chart2 />
        </div>{' '}
      </div>
    </>
  );
}
